<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<title>驴友网-发帖</title>

<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="Css/bootstrap.css">
<link href="umeditor/themes/default/css/umeditor.css" type="text/css"
	rel="stylesheet">
<script type="text/javascript" src="umeditor/third-party/jquery.min.js"></script>
<script type="text/javascript"
	src="umeditor/third-party/template.min.js"></script>
<script type="text/javascript" charset="utf-8"
	src="umeditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8"
	src="umeditor/umeditor.min.js"></script>
<script type="text/javascript" src="umeditor/lang/zh-cn/zh-cn.js"></script>
</head>

<body style="background:#EEEFF1;">

	<!-- header start-->
	<div class="container-fluid " style="background:#3EB158;height:37px;">
		<div class="row ">
			<div class="col-md-2"></div>
			<div class="col-md-7 " style="padding:8px;"></div>
			<div class="col-md-2 text-right" style="padding:8px;">
				<span>你好,小孩</span> <em>|</em> <a href="topic.html">返回上一级</a>
			</div>
			<div class="col-md-1"></div>
		</div>
	</div>

	<div class="container-fluid "
		style="background-image: url(image/header.jpg);background-size: 100%;height:274px;">
		<div class="row ">
			<div class="col-md-2"></div>
			<div class="col-md-8">

				<img src="image/logo.png" style="margin:30px;" />

			</div>
			<div class="col-md-2"></div>
		</div>
		<form class="form-horizontal" action="<c:url value='/postingServlet'/>" method="post">
			<div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-6" style="background-color: white;">
					<br /> <span
						style="color:#666666;font-size:20px;font-family:Microsoft Yahei,微软雅黑,黑体;">发帖
						> 我要发帖</span> <br /> <br />
					<div class="form-group form-group-lg">
						<label class="col-sm-2 control-label" for="formGroupInputLarge"
							style="margin-left:-70px;">标题</label>
						<div class="col-sm-10">
							<input class="form-control" type="text" name="title"
								id="formGroupInputLarge" placeholder="请在此处写入标题" />
						</div>
					</div>
					<br />
					<div class="row">
						<div class="col-md-1">
							<strong>分类</strong>
						</div>
						<div class="col-md-4">
							<select class="form-control" name="type">
								<option value="1">旅游景点</option>
								<option value="2">美食天下</option>
								<option value="3">组团旅行</option>
								<option value="4">旅游交友</option>
							</select>
						</div>
					</div>

					<div class="row" style="height:50px;"></div>
					<strong>描述</strong>
					<script type="text/plain" id="myEditor"
						style="width:650px;height:200px;">
                         
                    </script>
					<br />
					<input type="submit" class="btn btn-success" value="发表帖子">
					<br /> <br />

				</div>
				<div class="col-md-3" style="background-color: white;height:585px;">
					<br />
					<div
						style="width:339px;height:272px;background-image: url(image/title.svg)">
						<h4 style="padding:20px;color:white;">发帖必读</h4>
						<ol>
							<li style="margin-bottom:10px">禁止诈骗行为的帖子</li>
							<li style="margin-bottom:10px">禁止推送与本站无关的帖子</li>
							<li style="margin-bottom:10px">模糊或过于简单的标题会被降低排位</li>
						</ol>
					</div>
				</div>
			</div>
		</form>
		<div class="row" style="background:#333;height:50px;"></div>
	</div>

</body>
<script type="text/javascript">
	//实例化编辑器
	var um = UM.getEditor('myEditor');
	window.onload = function() {};
</script>
</html>
